<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>testUtils</h1>
<input type="button" value="测试" id="testButton">
<div>
    <div>执行结果显示如下</div>
    <div id="result">显示</div>
</div>

<!--<script type="module">-->
<!--    // import {BrowserHelper} from './BrowserHelper.js';-->
<!--    import {BrowserHelper} from './util/BrowserHelper.js';-->

<!--    console.log("testBrowserUtils.html 相关页面加载");-->

<!--    function execute() {-->
<!--        console.log("execute()");-->
<!--        BrowserHelper.testAll();-->
<!--        document.getElementById('result').innerText = 'aa';-->
<!--    }-->

<!--    function init(){-->
<!--        console.log("init()");-->
<!--        // 获取按钮元素并绑定点击事件-->
<!--        const testButton = document.getElementById('testButton');-->
<!--        testButton.addEventListener('click', execute);-->
<!--    }-->
<!--    window.onload = init;-->
<!--</script>-->

<script type="module">
    // import {BrowserHelper} from './BrowserHelper.js';
    import {BrowserUtil} from './util/browserUtil.js';

    console.log("testBrowserUtils.html 相关页面加载");

    function execute() {
        console.log("execute()");
        BrowserUtil.calledAllMethod();
        const msg = BrowserUtil.getAllMethodInfo();
        // console.log(msg);
        document.getElementById('result').innerText = msg;
    }

    function init(){
        console.log("init()");
        // 获取按钮元素并绑定点击事件
        const testButton = document.getElementById('testButton');
        testButton.addEventListener('click', execute);
    }
    window.onload = init;
</script>

</body>
</html>